.mounth {
  &::after {
    content: "";
    display: block;
    clear: both;
  }
  .title {
    color: #fff;
  }
  .day-item {
    // &::before {
    //   content: "";
    //   padding-top: 100%;
    //   float: left;
    // }
    // &::after {
    //   content: "";
    //   display: block;
    //   clear: both;
    // }
    height: 0;
    padding-bottom: 14%;
    float: left;
    width: 14%;
    // display: flex;
    // flex-direction: column;
    // justify-content: flex-start;
    // align-items: center;
    p {
      color: #fff;
      margin: 0;
      width: 100%;
    }
    .day {
      padding-top: 25%;
    }
    .tip {
    }
  }
  .current {
    background-color: #f05053;
    border-radius: 5px;
    // border-top
    &:first-child {
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
    }
    &:last-child {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }
  }

  .between {
    background-color: #f0505361;
    // border-radius: 5px;
  }
  .disable {
    p {
      color: rgba(0, 0, 0, 0.25);
    }
  }
}
